/* html {
            filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
            -webkit-filter: grayscale(100%);
        } */

 ::-webkit-input-placeholder {
    color: #ddd !important;
}

.tpl-content-wrapper {
    font-size: 1.4rem;
    line-height: 1.4rem;
}

.layui-table img {
    max-width: 100%;
}

@media screen and (max-width: 400px) {
    .am-text-sm {
        font-size: 1.2rem;
    }
    .tpl-header-navbar a {
        padding: 0 10px;
    }
}

.layui-btn:focus {
    color: #fff;
}

.layui-form-label {
    /* width: 100px; */
}

.layui-input {
    max-width: 500px;
}

.layui-form-select {
    max-width: 500px;
}

.layui-textarea {
    max-width: 500px;
}

.layui-form-select dl {
    margin-top: 0;
}

.header-avatar {
    width: 30px;
    height: 30px;
    border-radius: 4px;
}


/* 上传样式 */

.xy-upload-img-box {
    width: 80px;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.xy-upload-img-box img {
    width: 100%;
    height: 100%;
}

.xy-upload-img-box .layui-icon {
    font-size: 40px;
}


/* 状态样式 */

.xy-status {
    background-color: #edefff;
    border-color: #dbdfff;
    color: #4a5dff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    padding: 0 9px;
    font-size: 14px;
    line-height: 1;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap;
}

.xy-status.red {
    color: #f56c6c;
    border-color: #fde2e2;
    background-color: #fef0f0;
}

.xy-status.grey{
    color: #646464;
    border-color: #e9e9e9;
    background-color: #eeeeee;
}

.xy-status.yellow{
    color: #dda003;
    border-color: #eae482;
    background-color: #faf8e5;
}

.xy-status.green{
    color: #02a21e;
    border-color: #d7ecda;
    background-color: #e9faec;
}

.xy-bottom {
    position: absolute;
    bottom: 0;
    width: calc(100% - 40px);
    text-align: right;
}

.action-btn a {
    color: #4a5dff;
    margin-left: 10px;
    display: inline-block;
}

.action-btn a:hover {
    color: #5A6BF4
}

.action-btn a.mini_del {
    color: #F56C6C
}

.action-btn a.mini_del:hover {
    color: #f89898
}

.layui-form.hhq-form select {
    line-height: 38px;
    height: 38px;
    border-color: #e6e6e6;
    padding: 0 10px;
    width: 100%;
    color: #333;
    cursor: pointer;
    /* 隐藏原生箭头 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* 添加自定义箭头（SVG 或 PNG） */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23333"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 6px center; /* 控制箭头位置 */
    background-size: 16px;

    /* 调整内边距避免文字与箭头重叠 */
    padding-right: 36px; /* 背景图宽度 + 边距 */
}

.layui-table-view select[lay-ignore] {
    line-height: 24px;
    height: 24px;
    padding: 0;
}
.layui-form.hhq-form .layui-laypage-limits select {
    padding-right: 5px;
    padding-left: 5px;
    background-position: right 2px center; /* 控制箭头位置 */
}

.fl{
    float:left;
}
.fr{
    float:right;
}